<template>
	<view class="main">
		<iconMusic></iconMusic>
		<next/>
		<view class="uni-title-one">
			{{ archInfo.lineOne }}
		</view>
		<view class="uni-title-two">
			{{ archInfo.lineTwo.textOne }}
			<text class="blue">{{ data.name }}</text>
			{{ archInfo.lineTwo.textTwo}}
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import teacher from '/stateData/teacher.js'
	const { archInfo } = teacher
	const data = reactive({
		name:'软件学院-软件工程'
	})
</script>

<style scoped lang="scss">
	@import url(/static/css/style.css);
	.main{
		width: 100%;
		height: 100vh;
		background:url(http://rjinbysql.hn-bkt.clouddn.com/static/images/tebg-archInfo.png) no-repeat;
		background-size: 100% 100%;
	}
</style>